<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<script src="../assets/flexible/flexible.debug.js"></script>
	
	<title>爱美</title>
	<link rel="stylesheet" type="text/css" href="../css/fenlei.css"/>
	<link rel="stylesheet" type="text/css" href="../assets/font-awesome-4.7.0/css/font-awesome.css"/>
	  <!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
		<script src="js/respond.min.js"></script>
        <![endif]-->
</head>
<body>
	<header class="hdr">
		<div class="back">
			<i class="fa fa-angle-left"></i>
		</div>
		<p class="title">分类</p>
		<div class="menu"></div>
	</header>
    	<div class="search"><input type="text" name="" id="" placeholder="找你想要的" /></div>
    	<mian class="mian">
    	<div class="sidebar">
    		<ul>
    			<li class="_li">女装</li>
    			<li>男装</li>
    			<li>家居日用</li>
    			<li>母婴用品</li>
    			<li>鞋包配饰</li>
    			<li>美妆护肤</li>
    		</ul>
    	</div>
    	<div class="content">
    		<div id="_img">
    	  	<img class="img" src="../images/爱美-1_24.png"/>
    	  </div>
    	  <div class="fenl">
    	  	<ul>
    	  		<li>
    	  			<img src="../images/爱美-1_31.png"/>
    	  			<p>连衣裙</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_33.png"/>
    	  			<p>套装</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_28.png"/>
    	  			<p>T恤</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_44.png"/>
    	  			<p>牛仔</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_46.png"/>
    	  			<p>大码女装</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_49.png"/>
    	  			<p>中老年</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_60.png"/>
    	  			<p>休闲套装</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_62.png"/>
    	  			<p>裤子</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_63.png"/>
    	  			<p>衬衫雪纺</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_49.png"/>
    	  			<p>中老年</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_44.png"/>
    	  			<p>牛仔</p>
    	  		</li>
    	  		<li>
    	  			<img src="../images/爱美-1_28.png"/>
    	  			<p>连衣裙</p>
    	  		</li>
    	  	</ul>
    	  </div>
    	</div>
    	  
    	</mian>
    	
 <footer class="ftr">
		<dl class="shouye">
			<dt>
				<img src="../images/hom.png"/>
			</dt>
			<dd>首页</dd>
		</dl>
		<dl class="fenlei">
			<dt>
				<img src="../images/fff.png"/>
				
			</dt>
			<dd>分类</dd>
		</dl>
		<dl class="camera">
			<dt>
				<img src="../images/更美-2_03.png"/>
			</dt>
		</dl>
		<dl>
			<dt>
				<img src="../images/xiang.png"/>
			</dt>
			<dd>衣柜</dd>
		</dl>
		<dl>
			<dt>
				<img src="../images/mom.png"/>
			</dt>
			<dd>我的</dd>
		</dl>
	</footer>
	<script src="../assets/jquery-3.2.1.min.js"></script>
	<script src="../js/fenlei.js"></script>
	
</body>
</html>
